<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网站首页</title>
</head>
<body>
<!--
        用table表格写的
			1. 创建一个8行一列的表格
			2. 第一部份: LOGO部分: 嵌套一个一行三列的表格
			3. 第二部分: 导航栏部分 : 放置5个超链接
			4. 第三部分: 轮播图 
			5. 第四部分: 嵌套一个三行7列表格
			6. 第五部分: 直接放一张图片
			7. 第六部分: 抄第四部分的
			8. 第七部分: 放置一张图片
			9. 第八部分: 放一堆超链接
		-->
    <table  width="100%" >
        <!--第一部份: LOGO部分: 嵌套一个一行三列的表格-->
        <tr>
            <td>
                <table  width="100%">
                    <tr>
                        <td>
                            <img src="../img/logoye.jpg" width="40%"/>
                        </td>
                        <td >
                            <img src="../image/header.jpg" />
                        </td>
                        <td align="center">
                            <a href="#">登录</a>
                            <a href="#">注册</a>
                            <a href="#">购物车</a>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <!--第二部分: 导航栏部分 : 放置5个超链接-->
        <tr bgcolor="black">
            <td>
                <a href="#"><font color="white">首页</font></a>
                <a href="#"><font color="white">手机数码</font></a>
                <a href="#"><font color="white">电脑办公</font></a>
                <a href="#"><font color="white">电脑办公</font></a>
                <a href="#"><font color="white">电脑办公</font></a>
            </td>
        </tr>
        <!--第三部分: 轮播图 -->
        <tr>
            <td>
                <img src="../img/1.jpg" width="100%">
            </td>
        </tr>
        <!--第四部分: 嵌套一个三行7列表格-->
        <tr>
            <td>
                <table width="100%" height="400dp">
                    <tr height="50dp">
                        <td colspan="7">最新商品<img src="../img/title2.jpg"></td>
                    </tr>
                    <tr>
                        <td rowspan="2" align="center"><img src="../products/hao/big01.jpg"></td>
                        <td colspan="3" ><img src="../products/hao/middle01.jpg" width="100%"></td>
                        <td align="center"><img src="../products/hao/small06.jpg"><br>
                            洗衣机<br>
                            288元
                        </td>
                        <td align="center"><img src="../products/hao/small06.jpg"><br>
                            洗衣机<br>
                            288元
                        </td>
                        <td align="center"><img src="../products/hao/small06.jpg"><br>
                            洗衣机<br>
                            288元
                        </td>
                    </tr>
                    <tr>
                        <td align="center"><img src="../products/hao/small06.jpg"><br>
                            洗衣机<br>
                            288元
                        </td>
                        <td align="center"><img src="../products/hao/small06.jpg"><br>
                            洗衣机<br>
                            288元
                        </td>
                        <td align="center"><img src="../products/hao/small06.jpg"><br>
                            洗衣机<br>
                            288元
                        </td>
                        <td align="center"><img src="../products/hao/small06.jpg"><br>
                            洗衣机<br>
                            288元
                        </td>
                        <td align="center"><img src="../products/hao/small06.jpg"><br>
                            洗衣机<br>
                            288元
                        </td>
                        <td align="center"><img src="../products/hao/small06.jpg"><br>
                            洗衣机<br>
                            288元
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <!--第五部分: 直接放一张图片-->
        <tr>
            <td>
                <img src="../products/hao/ad.jpg" width="100%">
            </td>
        </tr>
        <!--第六部分: 抄第四部分的-->
        <tr>
            <td>
                <table width="100%" height="400dp">
                    <tr height="50dp">
                        <td colspan="7">热门商品<img src="../img/title2.jpg"></td>
                    </tr>
                    <tr>
                        <td rowspan="2" align="center"><img src="../products/hao/big01.jpg"></td>
                        <td colspan="3" ><img src="../products/hao/middle01.jpg" width="100%"></td>
                        <td align="center"><img src="../products/hao/small06.jpg"><br>
                            洗衣机<br>
                            288元
                        </td>
                        <td align="center"><img src="../products/hao/small06.jpg"><br>
                            洗衣机<br>
                            288元
                        </td>
                        <td align="center"><img src="../products/hao/small06.jpg"><br>
                            洗衣机<br>
                            288元
                        </td>
                    </tr>
                    <tr>
                        <td align="center"><img src="../products/hao/small06.jpg"><br>
                            洗衣机<br>
                            288元
                        </td>
                        <td align="center"><img src="../products/hao/small06.jpg"><br>
                            洗衣机<br>
                            288元
                        </td>
                        <td align="center"><img src="../products/hao/small06.jpg"><br>
                            洗衣机<br>
                            288元
                        </td>
                        <td align="center"><img src="../products/hao/small06.jpg"><br>
                            洗衣机<br>
                            288元
                        </td>
                        <td align="center"><img src="../products/hao/small06.jpg"><br>
                            洗衣机<br>
                            288元
                        </td>
                        <td align="center"><img src="../products/hao/small06.jpg"><br>
                            洗衣机<br>
                            288元
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <!--第七部分: 放置一张图片-->
        <tr>
            <td>
                <img src="../image/footer.jpg" width="100%" />
            </td>
        </tr>
        <!--第八部分: 放一堆超链接-->
        <tr>
            <td align="center">
                <a href="#">关于我们</a>
                <a href="#">联系我们</a>
                <a href="#">招贤纳士</a>
                <a href="#">法律声明</a>
                <a href="#">友情链接</a>
                <a href="#">支付方式</a>
                <a href="#">配送方式</a>
                <a href="#">服务声明</a>
                <a href="#">广告声明</a>
                <br />
                Copyright © 2016-2018 佳伟商城 版权所有

            </td>
        </tr>
    </table>

</body>
</html>